<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'list.jsp' starting page</title>
    
	<%@include file="/WEB-INF/jsp/public/commons.jspf" %>
	
	<style type="text/css">
		#mysearch{
			text-align: center;
		}
	
	</style>
	
	<script type="text/javascript">
			$(function(){
		
					var flag ;		//undefined 判断新增和修改方法 
	
					/**
					 *	初始化数据表格  
					 */
					$('#t_user').datagrid({
							idField:'id' ,		//只要创建数据表格 就必须要加 ifField
							title:'审核基础数据 列表' ,
							fit:true ,
							height:450 ,
							url:'check_listJson.action' ,
							fitColumns:true ,  
							striped: true ,					//隔行变色特性 
							loadMsg: '数据正在加载,请耐心的等待...' ,
							rownumbers:true ,
							rowStyler: function(index ,record){
							
							} ,
							frozenColumns:[[				//冻结列特性 ,不要与fitColumns 特性一起使用 
								{
									field:'ck' ,
									width:50 ,
									checkbox: true
								}
							]],

							columns:[[
								{
									field:'checknum' ,
									title:'审核人数 ' ,
									width:150 ,
									align:'center' ,
									
								},{
									field:'passrate' ,
									title:'通过率' ,
									width:150 , 
									align:'center' ,
									formatter:function(value , record , index){
										return '<span title='+value+'>'+value+'%'+'</span>';
									}
								}
							]] ,
							pagination: true , 
							pageSize: 10 ,
							pageList:[5,10,15,20,50] ,
							toolbar:[
								{
									text:'修改' ,
									iconCls:'icon-edit' , 
									handler:function(){
										flag = 'edit';
										var arr =$('#t_user').datagrid('getSelections');
										if(arr.length != 1){
											$.messager.show({
												title:'提示信息!',
												msg:'只能选择一行记录进行修改!'
											});
										} else {
											$('#mydialog').dialog({
												title:'修改'
											});
											$('#mydialog').dialog('open'); //打开窗口
											$('#myform').get(0).reset();   //清空表单数据 
											$('#myform').form('load',{	   //调用load方法把所选中的数据load到表单中,非常方便
												
												checknum:arr[0].checknum ,
												passrate:arr[0].passrate
											});
										}
									
									}
								}
									
							]
					});
					
					
					/**
					 *  提交表单方法
					 */
					$('#btn1').click(function(){
							if($('#myform').form('validate')){
								$.ajax({
									type: 'post' ,
									url: 'check_check.action' ,
									cache:false ,
									data:$('#myform').serialize() ,
									dataType:'json' ,
									success:function(result){
										//1 关闭窗口
										$('#mydialog').dialog('close');
										//2刷新datagrid 
										$('#t_user').datagrid('reload');
										//3 提示信息
										$.messager.show({
											title:'操作 ' , 
											msg:'操作成功!'
										});
									} ,
									error:function(result){
										$.messager.show({
											title:'操作 ' , 
											msg:'操作失败!'
										});
									}
								});
							} else {
								$.messager.show({
									title:'提示信息!' ,
									msg:'数据验证不通过,不能保存!'
								});
							}
					});
					
					
					/**
					 * 关闭窗口方法
					 */
					$('#btn2').click(function(){
						$('#mydialog').dialog('close');
					});
					
						
					$('#searchbtn').click(function(){
						$('#t_user').datagrid('load' ,serializeForm($('#mysearch')));
					});
					
					$('#clearbtn').click(function(){
						$('#mysearch').form('clear');
						$('#t_user').datagrid('load' ,{});
					});
					

			});
			
			//js方法：序列化表单 			
			function serializeForm(form){
				var obj = {};
				$.each(form.serializeArray(),function(index){
					if(obj[this['name']]){
						obj[this['name']] = obj[this['name']] + ','+this['value'];
					} else {
						obj[this['name']] =this['value'];
					}
				});
				return obj;
			}
					
	</script>
	
  </head>
  
  <body>
			<div id="lay" class="easyui-layout" style="width: 100%;height:100%" >
				<div region="center" >
					<table id="t_user"></table>
				</div>
			</div>
  			
 			<div id="mydialog" title="修改基础数据" modal=true  draggable=false class="easyui-dialog" closed=true style="width:300px;">
	    		<form id="myform" action="" method="post">
	    				
	    				<table>
	    					<tr>
	    						<td>审核人数:</td>
	    						<td><input type="text" id="check" name="checknum" class="easyui-numberbox" required=true min=0 max=10 missingMessage='审核人数必填!' style="width:3em;"/></td>
	    					</tr>
	    					<tr>
	    						<td>通过率:</td>
	    						<td><input type="text" id="pass" name="passrate" class="easyui-numberbox" min=10 max=100 required=true missingMessage='通过率必填!' style="width:3em;" />% </td>
	    					</tr> 
	    					<tr align="center">
	    						<td colspan="2">
	    							<a id="btn1" class="easyui-linkbutton">确定</a>
	    							<a id="btn2" class="easyui-linkbutton">关闭</a>
	    						</td>
	    					</tr>   					 					    					    					    					    					    					    					    					
	    				</table>
	    		</form> 			
 			</div>
  </body>
</html>
